<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江工业大学之江学院</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 头部 -->
    <header class="header">
        <div class="header-container">
            <div class="logo">
                <h1>浙江工业大学之江学院</h1>
            </div>
            <div class="search-box">
                <input type="text" placeholder="搜索...">
                <button>搜索</button>
            </div>
        </div>
    </header>

    <!-- 导航栏 -->
    <nav class="main-nav">
        <ul>
            <li><a href="#">学院首页</a></li>
            <li><a href="#">学院概况</a></li>
            <li><a href="#">机构设置</a></li>
            <li><a href="#">人才培养</a></li>
            <li><a href="#">招生就业</a></li>
            <li><a href="#">科学研究</a></li>
            <li><a href="#">合作交流</a></li>
            <li><a href="#">校园生活</a></li>
        </ul>
    </nav>

    <!-- 图片展示区 -->
    <div class="banner">
        <img src="https://www.zzjc.edu.cn/images/IMG_5718.jpg" alt="校园风光">
    </div>

    <!-- 主要内容区 -->
    <div class="main-content">
        <!-- 新闻版块 -->
        <section class="news-section">
            <h2 class="section-title">新闻中心</h2>
            <div class="news-grid">
                <div class="news-item">
                    <h3>学院要闻</h3>
                    <ul>
                        <li><a href="#">学院召开2023年度工作总结大会</a></li>
                        <li><a href="#">之江学院与阿里巴巴签署战略合作协议</a></li>
                        <li><a href="#">我院学生在省大学生程序设计竞赛中获佳绩</a></li>
                    </ul>
                </div>
                <div class="news-item">
                    <h3>通知公告</h3>
                    <ul>
                        <li><a href="#">关于2024年寒假放假安排的通知</a></li>
                        <li><a href="#">关于开展2024年度科研项目申报工作的通知</a></li>
                        <li><a href="#">关于举办校园开放日的公告</a></li>
                    </ul>
                </div>
                <div class="news-item">
                    <h3>媒体之江</h3>
                    <ul>
                        <li><a href="#">浙江日报：之江学院产教融合培养应用型人才</a></li>
                        <li><a href="#">教育之江：之江学院打造特色育人体系</a></li>
                        <li><a href="#">绍兴新闻：之江学院助力地方经济发展</a></li>
                    </ul>
                </div>
                <div class="news-item">
                    <h3>学术活动</h3>
                    <ul>
                        <li><a href="#">"人工智能前沿技术"学术报告会通知</a></li>
                        <li><a href="#">2024年国际学术研讨会征文通知</a></li>
                        <li><a href="#">青年教师学术沙龙活动预告</a></li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 公告版块 -->
        <section class="notice-section">
            <h2 class="section-title">公告通知</h2>
            <ul class="notice-list">
                <li><a href="#">关于2024年春季学期开学工作的通知</a><span>2024-02-15</span></li>
                <li><a href="#">2024年度教职工体检安排</a><span>2024-02-10</span></li>
                <li><a href="#">图书馆寒假开放时间调整通知</a><span>2024-01-20</span></li>
                <li><a href="#">关于评选2023年度优秀教师的通知</a><span>2024-01-15</span></li>
            </ul>
        </section>

        <!-- 主内容区 -->
        <section class="content-section">
            <div class="content-grid">
                <div class="content-item">
                    <h3>校园生活</h3>
                    <ul>
                        <li><a href="#">2024年校园文化艺术节开幕</a></li>
                        <li><a href="#">学生社团招新活动火热进行中</a></li>
                        <li><a href="#">校园美食节圆满落幕</a></li>
                        <li><a href="#">之江学院运动会精彩瞬间</a></li>
                    </ul>
                </div>
                <div class="content-item">
                    <h3>服务地方</h3>
                    <ul>
                        <li><a href="#">学院与绍兴市政府签订战略合作协议</a></li>
                        <li><a href="#">之江学院助力乡村振兴项目启动</a></li>
                        <li><a href="#">我院专家团队为企业提供技术支持</a></li>
                        <li><a href="#">地方产业学院建设推进会召开</a></li>
                    </ul>
                </div>
                <div class="content-item">
                    <h3>媒体之江</h3>
                    <ul>
                        <li><a href="#">中国教育报：之江学院应用型人才培养模式探索</a></li>
                        <li><a href="#">浙江新闻客户端：之江学院科研成果转化成效显著</a></li>
                        <li><a href="#">绍兴晚报：之江学院志愿者服务社区</a></li>
                        <li><a href="#">教育之江微信公众号报道我院特色专业</a></li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- 专题网站版块 -->
        <section class="special-section">
            <h2 class="section-title">专题网站</h2>
            <div class="special-grid">
                <a href="#" class="special-item">教务管理系统</a>
                <a href="#" class="special-item">科研管理平台</a>
                <a href="#" class="special-item">图书馆</a>
                <a href="#" class="special-item">招生信息网</a>
                <a href="#" class="special-item">就业信息网</a>
                <a href="#" class="special-item">校友会</a>
                <a href="#" class="special-item">工会之家</a>
                <a href="#" class="special-item">共青团</a>
                <a href="#" class="special-item">学生工作</a>
                <a href="#" class="special-item">国际交流</a>
                <a href="#" class="special-item">继续教育</a>
                <a href="#" class="special-item">信息公开</a>
            </div>
        </section>
    </div>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-links">
                <a href="#">关于我们</a> |
                <a href="#">联系方式</a> |
                <a href="#">网站地图</a> |
                <a href="#">意见建议</a>
            </div>
            <div class="copyright">
                <p>版权所有 © 2024 浙江工业大学之江学院</p>
                <p>地址：浙江省绍兴市柯桥区越州大道958号 邮编：312030</p>
                <p>浙ICP备xxxxxxxx号 浙公网安备xxxxxxxx号</p>
            </div>
        </div>
    </footer>
</body>
</html>